<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/find.css">
    <script type="text/javascript" src="../js/moban.js"></script>
    <title>Document</title>
</head>

<body>
    <div class='onck' id="onck">
        <div>
            <div>
                <h2>选择城市</h2>
                <span class="fis">热门城市:</span>
                <span>北京</span>
                <span>上海</span>
                <span>深圳</span>
                <span>杭州</span>
            </div>
            <div>
                <ul>
                    <li><span>B</span>
                        <a href="#">北京</a>
                    </li>
                    <li><span>C</span>
                        <a href="#">成都</a>
                        <a href="#">重庆</a>
                    </li>
                    <li><span>D</span>
                        <a href="#">大连</a>

                    </li>
                    <li><span>G</span>
                        <a href="#">广州</a>

                    </li>
                    <li><span>H</span>
                        <a href="#">杭州</a>
                    </li>
                    <li><span>N</span>
                        <a href="#">南京</a>
                    </li>
                    <li><span>S</span>
                        <a href="#">上海</a>
                        <a href="#">深圳</a>
                        <a href="#">苏州</a>
                    </li>
                    <li><span>T</span>
                        <a href="#">天津</a>
                    </li>
                    <li><span>W</span>
                        <a href="#">武汉</a>
                    </li>
                    <li><span>X</span>
                        <a href="#">西安</a>
                    </li>
                    <li><span>Z</span>
                        <a href="#">郑州</a>
                    </li>
                </ul>
            </div>
            <div onclick="b()"><img src="../img/close.png" alt=""></div>
        </div>
    </div>
    <!-- 网页头 -->
    <header>
        <!-- 大的div宽为100%，高为40px -->
        <div>
            <!-- 包裹的div宽为1190px，高为父级的100% -->
            <div>
                <!-- 左边的div -->
                <div class="h_left">
                    <ul>
                        <li onclick="a()" style="cursor: pointer;"><span><img src="../img/location.png" alt="" ></span><span>北京</span></li>
                        <li><a href="#" onclick="cli()" id="index">首页</a></li>
                        <li onclick="search()" id="search"><a href="#">立即找房</a></li>
                        <li><a href="../html/fabufangyuan.html">发布房源</a></li>
                        <li><a href="#">找室友</a></li>
                        <li><a href="../html/download.html">下载APP</a></li>
                        <li><a href="#">伙伴登录</a></li>
                    </ul>

                </div>
                <!-- 右边的div -->
                <div class="h_right">
                    <ul>
                        <span><img src="../img/icon_people_white.png" alt=""></span>
                        <a href="#">注册</a>
                        <a href="#">登录</a>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!-- 网页主体内容 -->
    <main style="background-color: #f2f2f2;margin: 0;padding: 0;">
        <div>
            <div style="width:1190px;margin: 0 auto;height: 45px;background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;">
                <ul class="tou" style="margin: 0;padding: 0;list-style: none;">
                    <li><img src="" alt=""><span>上海市租房社区</span></li>
                    <li>></li>
                    <li><span id='text2'>找室友专区</span></li>
                    <li>></li>
                    <li><span id='text2'>帖子详情页</span></li>
                </ul>
            </div>
        </div>
        <div style="width: 1190px;margin: 0 auto;" class="clear">
            <div id='text' style="height: 79px;text-align: center;font-size: 26px;line-height: 79px; border-bottom: 1px solid #e5e5e5;" class="main-m">
                <div style="width: 200px;height: 75px;float: left;padding-left: 30px;">
                    <ul id="fs">
                        <li onclick="x()">出租</li>
                        <li onclick="y()">求租</li>
                    </ul>
                </div>
                <span>不限专区</span>
                <div style="float: right;cursor: pointer; width: 200px;margin-right: 25px; height: 75px;background-image: url(../img/qiehuan_city.png);background-repeat: no-repeat;background-position: right;font-size: 17px;text-align: right;padding-right:50px ;">上海</div>
            </div>
            <div style="height: 80px;width: 1190px;background-color: #fff;" class="main-b clear">
                <div>
                    <ul>
                        <li>地址</li>
                    </ul>
                    <input type="text" placeholder="请输入地址" style="text-indent: 10px;">
                </div>
                <div style="font-size: 15px;">
                    <ul>
                        <li>租金</li>
                    </ul>
                    <input type="text" value="0" style="text-indent: 10px;">-<input type="text" placeholder="3000" style="text-indent: 10px;">元/月
                </div>
                <div style="position: relative;">
                    <ul>
                        <li>专区类型</li>

                    </ul>
                    <div style="position: relative;"> <input id='text3' type="text" value="不限" style="text-indent: 10px;">
                        <div id="hid" style="visibility: hidden;">
                            <ul id='chos'>
                                <li style="cursor: pointer;height: 29px;padding-left: 10px;line-height: 29px;">找室友</li>
                                <li style="cursor: pointer;height: 29px;padding-left: 10px;line-height: 29px;">转租</li>
                            </ul>
                        </div>
                    </div>
                    <div onclick="c()" style="position: absolute;top: 31px;left: 160px;cursor: pointer;"><img src="../img/jiant_down.png" alt=""></div>
                    <div style="position: absolute;top:15px;left: 250px;width: 90px;height: 50px;line-height: 50px;text-align: center; font-size: 16px; background-color:#ee3843;border-radius: 5px;color: white;">搜索</div>
                </div>
            </div>
            <div class="list">

                <ul id="list-a">
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/oss_60955e1e8527b.png@!topic-thumbnail" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/oss_60955e1e8527b.png@!topic-thumbnail" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/oss_60955e1e8527b.png@!topic-thumbnail" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/oss_60955e1e8527b.png@!topic-thumbnail" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/oss_60955e1e8527b.png@!topic-thumbnail" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/oss_60955e1e8527b.png@!topic-thumbnail" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/oss_60955e1e8527b.png@!topic-thumbnail" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/oss_60955e1e8527b.png@!topic-thumbnail" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/oss_60955e1e8527b.png@!topic-thumbnail" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/oss_60955e1e8527b.png@!topic-thumbnail" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/oss_60955e1e8527b.png@!topic-thumbnail" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/oss_60955e1e8527b.png@!topic-thumbnail" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                </ul>
                <ul id='list-b'>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">2号线 莘庄 782米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-04-08</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                    <li class="clear">
                        <div style="height: 150px;width: 200px;">
                            <a href=""><img src="../img/cos_608fe113b090c.jpg" alt="" style="display: inline;width: 100%;height: 100%;"></a>
                        </div>
                        <div style="height: 150px;">
                            <div style="position: relative;">
                                <h3 style="width: 450px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;"><a href="">是个人，不是中介哦。 房子在陆家嘴地区，距离浦东大道4号线地铁站仅2-3分钟。距离世纪大道地铁站步行15-20分钟。到陆家嘴上班步行15-20分钟，交通方便，楼下有多辆公交车。小区楼下即为陆家嘴图书馆。小区北面是滨江大道和跑道，走过去4分钟。适合爱学习和运动女生。房屋精装修，招1女生合租</a><span style="position: absolute;font-weight: 500; top: 0;right: 0;color:#e8323f;font-size: 25px;">1800元</span></h3>
                            </div>
                            <p>
                                <span style="background-image: url(../img/danjian@2x.png);">单间</span>
                                <span style="background-image: url(../img/xingbie@2x.png);">限女</span>
                                <span style="background-image: url(../img/ruzhu@2x.png);">05月22日入住</span>
                            </p>
                            <div><span style="background-image: url(../img/dizhi3x.png);background-repeat: no-repeat;background-position: left;background-size: 8px; display: inline-block;padding-left: 20px;font-size: 12px;color:#979798">1号线 莘庄 392米</span></div>
                            <div style="margin-top: 14px;width: 610px;"><span style="display: inline-block;width: 40px;height: 20px;text-align: center;line-height: 20px; background-color:#eff6fa;color:#379ac7;font-size: 12px;">转租</span><span style="width: 100px;height: 20px;text-align: right;line-height: 20px; color:#c4c4c4;font-size: 12px;float: right;">2021-05-07</span></div>
                        </div>

                    </li>
                </ul>

            </div>
            <div style="height: 480px;width:270px;background-color:white;float: right;margin-top:20px;position: sticky;top:0;margin-bottom: 20px;">
                <div style="text-align: center;font-size: 14px;height: 50px;line-height: 50px;margin:0 20px;border-bottom: 1px solid #ededed;color:#5a5c5d;">关于巴乐兔找室友</div>
                <div style="height: 175px;margin: 0 15px;border-bottom: 1px solid #ededed;">

                    <div style="width: 130px;height: 130px;margin: 10px auto;"><img src="../img/zhaoshiyou_QRcode.png" alt="" style="width: 100%;height: 100%;vertical-align: middle;"></div>
                    <div style="text-align: center;"> <span style="font-size: 14px;text-align: center;">扫码进入小程序  快速找到好室友</span></div>
                </div>
                <div>
                    <div style="height: 24px;margin-top: 10px;;"><img src="../img/zhaoshiyou@2x.png" alt="" style="float: left;width: 24px;margin: 0 10px 0 47px;">
                        <p style="float: left;margin: 0;font-weight: 300;font-size: 20px;">直连真实用户</p>
                    </div>
                </div>
                <div style="margin: 10px 15px;text-align: center;font-size: 10px;color:#bababa">
                    <h5 style="font-weight: 100;">发现感兴趣的房子或者有趣的人可以留言</h5>
                    <h5 style="font-weight: 100;">私聊，电话隐号拨打下载App发布帖子</h5>
                    <h5 style="font-weight: 100;">每日置顶，还可以免费推广</h5>
                </div>
                <div style="margin: 10px 15px; border-radius: 15px;color:white;font-size: 14px; text-align: center;height:30px;width: 120px;margin: 0 auto;line-height: 30px;background-color: #379ac7;">
                    了解更多
                </div>
            </div>
        </div>
    </main>
    <!-- 网页尾 -->
    <footer>
        <div class="f_up">
            <div>
                <div>
                    <img src="../img/tuzi@2x.png" alt="">
                </div>
                <div style="background-image: url(../img/dibu.png);background-size:890px;background-repeat: no-repeat;background-position: center;">
                    <!-- <img src="../img/dibu.png" alt="" style="height: 150px;"> -->
                </div>
            </div>
        </div>
        <div class="f_down">
            <div>
                <div>
                    <div>
                        <p>热门城市租房</p>
                        <ul>
                            <li><a href="#">上海租房</a></li>
                            <li>
                                <a href="#">杭州租房</a></li>
                            <li>
                                <a href="#">深圳租房</a></li>
                            <li>
                                <a href="#">西安租房</a></li>
                            <li>
                                <a href="#">成都租房</a></li>
                            <li>
                                <a href="#">大连租房</a></li>
                            <li>
                                <a href="#">广州租房</a></li>
                            <li>
                                <a href="#">苏州租房</a></li>
                            <li>
                                <a href="#">天津租房</a></li>
                            <li>
                                <a href="#">重庆租房</a></li>
                            <li>
                                <a href="#">武汉租房</a></li>
                            <li>
                                <a href="#">郑州租房</a></li>
                            <li>
                                <a href="#">宁波租房</a></li>
                            <li>
                                <a href="#">嘉兴租房</a></li>
                            <li>
                                <a href="#">南昌租房</a></li>
                            <li>
                                <a href="#">北京租房</a></li>
                            <li>
                                <a href="#">清远租房</a></li>
                        </ul>
                    </div>
                    <div>
                        <p>推荐区域租房</p>
                        <ul>
                            <li>
                                <a href="#">朝阳</a>
                            </li>
                            <li><a href="#">海淀</a></li>
                            <li><a href="#">东城</a></li>
                            <li><a href="#">西城</a></li>
                            <li><a href="#">丰台</a></li>
                            <li><a href="#">通州</a></li>
                            <li><a href="#">石景山</a></li>
                            <li><a href="#">房山</a></li>
                            <li><a href="#">昌平</a></li>
                            <li><a href="#">大兴</a></li>
                            <li><a href="#">顺义</a></li>
                            <li><a href="#">密云</a></li>
                            <li><a href="#">柔化</a></li>
                            <li><a href="#">延庆</a></li>
                            <li><a href="#">平谷</a></li>
                            <li><a href="#">门头沟</a></li>
                        </ul>

                    </div>
                    <div>
                        <p>推荐类型租房</p>
                        <ul>
                            <li><a href="#">1号线</a></li>
                            <li><a href="#">2号线</a></li>
                            <li><a href="#">4号大兴线</a></li>
                            <li><a href="#">5号线</a></li>
                            <li><a href="#">6号线</a></li>
                            <li><a href="#">8号线</a></li>
                            <li><a href="#">10号线</a></li>
                            <li><a href="#">13号线</a></li>
                            <li><a href="#">14号线西段</a></li>
                            <li><a href="#">15号线</a></li>
                            <li><a href="#">八通线</a></li>
                            <li><a href="#">机场线</a></li>
                            <li><a href="#">昌平线</a></li>
                            <li><a href="#">亦庄线</a></li>
                            <li><a href="#">房山线</a></li>
                            <li><a href="#">14号线东段</a></li>
                            <li><a href="#">7号线</a></li>
                            <li><a href="#">9号线</a></li>
                            <li><a href="#">16号线</a></li>
                            <li><a href="#">西郊线</a></li>
                            <li><a href="#">燕房线</a></li>
                            <li><a href="#">S1号线</a></li>
                        </ul>
                    </div>
                    <div>
                        <p>推荐类型租房</p>
                        <ul>
                            <li><a href="#"><span></span>合租</a></li>
                            <li><a href="#"><span></span>整租</a></li>
                            <li><a href="#"><span></span>公寓</a></li>
                        </ul>
                    </div>
                </div>
                <div>
                    <div>
                        <div>
                            <ul>
                                <li><a href="#">关于巴乐兔</a>
                                    <p>伙伴登录</p>
                                    <p>网站地图</p>
                                    <p>巴乐兔社区</p>
                                </li>
                                <li>巴乐兔合作公寓
                                    <p>青年汇</p>
                                    <p>银桥公寓</p>
                                    <p>爱家精品公寓...</p>
                                </li>
                                <li>意见反馈
                                    <p>Mail:service@baletu.com</p>
                                    <p>联系巴乐兔</p>
                                    <p>10106006</p>
                                    <p>周一~周日8:00~23:00</p>
                                </li>
                            </ul>
                        </div>
                        <div>
                            <div>
                                <p>扫码下载巴乐兔APP</p>
                                <img src="../img/baletuLogo1.png" alt="">
                            </div>
                            <div>
                                <p>扫码下载巴乐兔APP</p>
                                <img src="../img/code.png" alt=""></div>
                        </div>

                    </div>
                    <div>
                        <p><span>©2015 上海万间信息技术有限公司</span><span><span>营业执照 </span><span>隐私政策 </span><span> 上海市张江高科晨晖路88号1号楼4层</span></span>
                        </p>
                        <p><span><img src="../img/gongan.png" alt="">沪公网安备31011502006937号</span><span>增值电信业务许可证: 沪B2-20170251</span></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>
<script>
    var x = function() {
        document.getElementById('list-a').style.cssText = 'display:block';
        document.getElementById('text3').value = '不限';
        document.getElementById('list-b').style.cssText = 'display:none';
        document.getElementById('text2').innerHTML = '不限专区'
        document.getElementById('text').getElementsByTagName('span')[0].innerHTML = '不限专区';
        document.getElementById('fs').getElementsByTagName('li')[1].style.cssText = 'border-bottom:0;font-weight:500';
        document.getElementById('fs').getElementsByTagName('li')[0].style.cssText = 'border-bottom:4px solid red;font-weight:600';
    }
    var y = function() {
        document.getElementById('text3').value = '求租';
        document.getElementById('list-a').style.cssText = 'display:none';
        document.getElementById('list-b').style.cssText = 'display:block';
        document.getElementById('text2').innerHTML = '合租专区'
        document.getElementById('text').getElementsByTagName('span')[0].innerHTML = '合租专区';
        document.getElementById('fs').getElementsByTagName('li')[0].style.cssText = 'border-bottom:0;font-weight:500';
        document.getElementById('fs').getElementsByTagName('li')[1].style.cssText = 'border-bottom:4px solid red;font-weight:600;';
        document.getElementById('hid').style.cssText = 'display:none';
    }
    var z = 0;
    var c = function() {
        if (document.getElementById("text3").value == '不限' || document.getElementById("text3").value == '找室友' || document.getElementById("text3").value == '转租') {
            ++z;
            if (z % 2 == 0) {
                document.getElementById('hid').style.cssText = 'visibility:hidden';

            } else {
                document.getElementById('hid').style.cssText = 'position: absolute;top: 33px;  width: 150px; left: 30px; border: 1px solid #dedede; border-top:0 ; height: 58px;background-color:white; z-index: 10000;font-size: 14px;visibility: visible;';
                var x = document.getElementById('chos').getElementsByTagName('li');
                for (var i = 0; i < x.length; i++) {
                    x[i].onclick = function() {
                        console.log(z)
                        document.getElementById('text3').value = this.innerHTML;
                        document.getElementById('hid').style.cssText = 'visibility:hidden';
                        z = 0;
                    }
                }
            }
        } else {
            document.getElementById('hid').style.cssText = 'visibility:hidden';
        }

    }
</script>

</html>